$(function() {
    $(document).ready(function() {
        countdown();
        setInterval(countdown, 1000);
    });
    var search_ele = document.getElementById("text");
    var list_ele = document.getElementById("list");
    search_ele.oninput = function() {
        ajax({
            url: "https://www.baidu.com/sugrec",
            data: {
                prod: "pc",
                wd: this.value
            },
            jsonp: "cb",
            dataType: "jsonp",
            callback: function(res) {
                // console.log(res);
                renderSearchResult(res.g);
            }
        })
    }

    function renderSearchResult(list) {
        // list 分成两种情况 : 
        // 1. 数组;  渲染页面; 
        // 2. undefined;  清空渲染的结果; 
        if (list instanceof Array) {
            list_ele.innerHTML = list.map(function(item) {
                return `<li>${item.q}</li>`;
            }).join("");
        } else {
            list_ele.innerHTML = "";
        }
    }

    function countdown() {
        var nowtime = +new Date();
        var inputtime = +new Date('2021-5-28 23:00:00');
        var times = (inputtime - nowtime) / 1000;
        var h = parseInt(times / 60 / 60 % 24);
        h = h < 10 ? '0' + h : h;
        $(".hour").html(h);
        var m = parseInt(times / 60 % 60);
        m = m < 10 ? '0' + m : m;
        $(".minute").html(m);
        var s = parseInt(times % 60);
        s = s < 10 ? '0' + s : s;
        $(".second").html(s);
    };
    //   var jpone=  function getCookie(name){ 
    //     var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    //     if(arr=document.cookie.match(reg))
    //     return unescape(arr[2]);
    //     else
    //     return null;
    //     }


    $("#navi li").mouseover(function() {
        $(".content").show();
        var index = $(this).index();
        $(".content>div").eq(index).show().siblings().hide();
    })
    $("#navi li").mouseout(function() {
        $(".content").hide();
    })

    $(".news-t a").mouseover(function() {
        var index = $(this).index();
        $(".news-b ul").eq(index).show().siblings().hide();
        $(".redline").eq(index).show().siblings('.redline').hide();
    })
    $(".content").mouseover(function() {
        $(this).show();
    });
    $(".content").mouseout(function() {
        $(this).hide();
    });

    for (var i = 0; i < $(".t-img li").length; i++) {
        $(".circle").append("<li></li>");
    }
    $(".circle li").eq(3).addClass("current");

    var index = 3;
    $(".circle li").mouseover(function() {
        var index = $(this).index();
        $(this).addClass("current").siblings().removeClass("current");
        $(".t-img li").eq(index).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
    });

    var time = setInterval(move, 2000);

    function move() {
        index++;
        if (index == $(".t-img li").length) {
            index = 0
        }
        $(".circle li").eq(index).addClass("current").siblings().removeClass("current");
        $(".t-img li").eq(index).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
    };
    $(".grid-col2-t").hover(function() {
            clearInterval(time);
        },
        function() {
            time = setInterval(move, 2000);
        });
    $(".arrow-r").click(function() {
        move();
    });

    function moveL() {
        index--;
        if (index == -1) {
            index = $(".t-img li").length - 1;
        }
        $(".circle li").eq(index).addClass("current").siblings().removeClass("current");
        $(".t-img li").eq(index).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
    }
    $(".arrow-l").click(function() {
        moveL();
    });
    // 当我们点击了小li 此时不需要执行 页面滚动事件里面的 li 的背景选择 添加 current
    // 节流阀  互斥锁 
    var flag = true;
    // 1.显示隐藏电梯导航
    var toolTop = $(".jptou").offset().top;
    toggleTool();

    function toggleTool() {
        if ($(document).scrollTop() >= toolTop) {
            $(".fixedtool").fadeIn();
        } else {
            $(".fixedtool").fadeOut();
        };
    }
    $(window).scroll(function() {
        flag = true
        toggleTool();
        // 3. 页面滚动到某个内容区域，左侧电梯导航小li相应添加和删除current类名

        perhaps_addclass()
    });

    function perhaps_addclass() {
        if (flag) {
            $(".y").each(function(i, e) {
                if ($(document).scrollTop() >= $(e).offset().top) {
                    // console.log(i)
                    $(".fixedtool li").eq(i).addClass("current").siblings().removeClass();
                }
            })
            flag = false
        }
    }
    // 2. 点击电梯导航页面可以滚动到相应内容区域
    $(".fixedtool li").click(function() {
            flag = false;
            // 当我们每次点击小li 就需要计算出页面要去往的位置 
            // 选出对应索引号的内容区的盒子 计算它的.offset().top
            var current = $(".y").eq($(this).index()).offset().top;
            // var he=eq($(this).index());
            // if(he==6)document.documentElement.scrollTop=0;
            // 页面动画滚动效果
            $("body,html").stop().animate({
                scrollTop: current
            }, function() {
                flag = true;
            });
            // 点击之后，让当前的小li 添加current 类名 ，姐妹移除current类名
            $(this).addClass("current").siblings().removeClass();
        })
        // $(".fixedtool ul  li ").mouseover(function() {
        //     var index = $(this).index();
        //     $(this).addClass("current").siblings().removeClass("current");
        // });
        // lazyLoad({el:"img"})
    var jptwo = document.getElementById("jptwo");
    var jpthree = document.getElementById("jpthree");
    window.onload = function() {
        if (document.cookie) {
            var jpone = document.cookie.split(";")[0].split("=")[1];
            if (jpone) {
                jptwo.style.display = "inline-block";
                jpthree.style.display = "none";
            }
        } else {
            jptwo.style.display = "none";
            jpthree.style.display = "inline-block";
        }
    };

});